/**index.wxss**/
page {
  height: 100vh;

}

.indexPage {
  height: 100%;
}

.indexContent {
  height: 100%;
  box-sizing: border-box;
  // position: relative;
  background-color: #d2dde8;
}

.page_main {
  display: flex;
  flex-direction: column;
  height: 100%;
  // position: absolute;
  width: 100%;
  // z-index: 2;

  .index_nav {
    background-color: #fff;
    border-radius: 10px;
    margin: 25rpx 40rpx 0;

    ul {
      display: flex;
      align-items: center;
      justify-content: center;

      li {
        flex: 1;
        padding: 12px 15px;

        .nav_navigator {
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          flex-direction: column;

          .nav_icon {
            width: 36px;
            height: 36px;
          }

          .nav_title {
            font-size: 14px;
            color: #898989;
          }
        }
      }
    }
  }

  .index_banner {
    margin: 25rpx 40rpx 0;
    min-height: 240rpx;
    object-fit: cover;
    border-radius: 10px;
    position: relative;
    z-index: 9;

    image {
      width: 100%;
      height: 100%
    }
  }

  .index_notice {
    padding: 100rpx 40rpx 20rpx;
    background-color: #fbfbff;
    border-radius: 40rpx 40rpx 0 0;
    margin-top: -60rpx;
    flex: 1;

    .notice_head {
      padding-left: 60rpx;
      font-size: 36rpx;
      font-weight: 600;
      background-image: url(https://enjoy-plus.oss-cn-beijing.aliyuncs.com/images/notice@2x.png);
      background-size: 50rpx;
      background-position: left center;
      background-repeat: no-repeat;

      .notice_title {
        color: #e2973e;
      }
    }

    .notice_body {
      margin-top: 30rpx;

      .notice_item {
        border-radius: 40rpx;
        background-color: #fff;
        margin-bottom: 15rpx;
        padding: 15px 20px;

        .notice_item_title {
          color: #333;
          font-size: 32rpx;
          font-weight: 600;
        }

        .notice_item_content {
          height: 125rpx;
          line-height: 1.5;
          margin: 20rpx 0 30rpx;
          font-size: 28rpx;
          color: #686868;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          -webkit-box-orient: vertical;
        }

        .notice_item_time {
          font-size: 24rpx;
          color: #999;
        }
      }
    }
  }


}